
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义插件实现Banner滚动</title>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.scrollBanner.js" type="text/javascript"></script>
</head>
<body>
<div id="banner"></div>
<script type="text/javascript">
$("#banner").scrollBanner({
	images : [
		{src:"http://127.0.0.1:8848/java-script-edu/%E8%BD%AE%E6%92%AD/img/banner1.png",title:"banner1",href:"#"},
		{src:"http://127.0.0.1:8848/java-script-edu/%E8%BD%AE%E6%92%AD/img/banner2.png",title:"banner2",href:"#"},
		{src:"http://127.0.0.1:8848/java-script-edu/%E8%BD%AE%E6%92%AD/img/banner3.png",title:"banner3",href:"#"},
		{src:"http://127.0.0.1:8848/java-script-edu/%E8%BD%AE%E6%92%AD/img/banner4.png",title:"banner4",href:"#"}
	],
	scrollTime:3000,
	bannerHeight:"500px",
	iconColor: "#FFFFFF",
	iconHoverColor : "#82C900",
	iconPosition : "center"
});
</script>
</body>
</html>
